<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

    <ui:composition template="../index.xhtml">
        <ui:define name="conteudo">
            <h:form>
                <p:growl id="growl" sticky="true" showDetail="true"/>  

                <p:wizard widgetVar="wiz"  
                          flowListener="#{preVendaCabecalhoControler.onFlowProcess}">  

                    <p:tab id="produto" title="Produtos">
                        <p:panel header="Produtos">
                            <h:panelGrid columns="5">
                                <h:panelGrid columns="1">
                                    Código:
                                    <p:inputText maxlength="13" size="13">
                                        <p:ajax event="blur" listener="#{produtoControler.gtinCodInterno()}"/>
                                    </p:inputText>
                                </h:panelGrid>
                                <h:panelGrid columns="1">
                                    Descrição:
                                    <p:inputText maxlength="13" size="40" disabled="true"/> 
                                </h:panelGrid>
                                <h:panelGrid columns="1">
                                    Vlr.Unitário:
                                    <p:inputText size="8" disabled="true"/> 
                                </h:panelGrid>
                                <h:panelGrid columns="1">
                                    Quantidade:
                                    <p:inputText maxlength="5" size="8"/> 
                                </h:panelGrid>
                                <h:panelGrid columns="1">
                                    <h:outputText value="." style="color: white;"/>
                                    <p:commandButton value="Ok"/> 
                                </h:panelGrid>
                            </h:panelGrid>
                            <p:separator/>
                        </p:panel>
                    </p:tab>

                    <p:tab id="cliente" title="Cliente">
                        <p:panel header="Cliente">
                            <p:inputText/>
                        </p:panel>
                    </p:tab>

                </p:wizard>
            </h:form>
        </ui:define>
    </ui:composition>
</html>